<template>
  <a-card class="j-modules-plan-box" :bordered="false">
    <div class="full-calendar">
      <FullCalendar
        ref="baseCalendar"
        selectable="true"
        weekNumberCalculation="ISO"
        :locale="locale"
        :firstDay="firstDay"
        :header="header"
        :plugins="calendarPlugins"
        :default-view="currentView"
        :buttonText=buttonText
        :events="calendarEventsNew"
        :fixedWeekCount="fixedWeekCount"
        :showNonCurrentDates="showNonCurrentDates"
        :eventLimit="6"
        :contentHeight="800"
        :allDayText="allDayText"
        @datesRender="datesRender"
        @eventClick="handleEventSelected"
        @select="select"
      ></FullCalendar>
    </div>
    <!-- 弹窗区域 -->
    <eoa-plan-modal ref="baseModal" @ok="handleModalOk"/>
  
  </a-card>
</template>

<script>
  import { getAction } from '@/api/manage'
  import EoaPlanModal from './modules/EoaPlanModal'
  import { CalendarMixin } from '@/views/modules/eoa/plan/utils/CalendarMixin'
  import FullCalendar from '@fullcalendar/vue'
  
  export default {
    name: 'EoaPlanView',
    mixins: [CalendarMixin],
    components: { EoaPlanModal, FullCalendar },
    data() {
      return {
        planData: [],
        selectDay: {},
      }
    }
  }
</script>

<style scoped lang="less">

</style>
